<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../utils/jquery-3.6.0.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
    
    
    <link rel="stylesheet" href="../CSS/accountMGT.css">

    <title>账号管理</title>
</head>

<body>
    <div>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <h4><a href="../pages/homePage.html">疫情防控后台管理系统</a></h4>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <span class="glyphicon glyphicon-user"><a href="../pages/login.html">admin</a></span>
                    <span class="glyphicon glyphicon-home"><a href="../pages/homePage.html">首页</a></span>
                    <span class="glyphicon glyphicon-off"><a href="../pages/login.html">退出</a></span>
                </div>
            </div>
        </nav>
    </div>

    <div class="aside">
        <div class="nav">
            <ul class="nav nav-pills nav-stacked">
                <li class="bottomColor">
                    <a href="../pages/homePage.html" class="blue">
                        <span class="glyphicon glyphicon-home"></span>
                        总览
                    </a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-user"></span>流调管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/ManagementConfirmed.html">确诊病例管理</a></li>
                        <li><a href="../pages/CloseContact.html">密接人员管理</a></li>
                        <li><a href="../pages/deathPersonnel.html">死亡人员管理</a></li>
                        <li><a href="../pages/healPatients.html">治愈患者管理</a></li>
                        <li><a href="../pages/serviceAudit.html">服务审核</a></li>
                    </ul>
                </li>
                <li>
                    <a href="../pages/commandAndDispatch.html"><span class="glyphicon glyphicon-thumbs-up"></span>指挥调度</a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-pencil"></span>来访登记<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/vehicleRegistration.html">车辆登记</a></li>
                        <li><a href="../pages/personsRegistration.html">人员登记</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-edit"></span>居家检测<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/backlogPage.html">每日待办</a></li>
                        <li><a href="../pages/addedPage.html">每日新增</a></li>
                        <!-- <li>每日异常</li> -->
                        <li><a href="../pages/monitorPage.html">居家监测</a></li>
                        <li><a href="../pages/FollowPage.html">密切跟踪</a></li>
                    </ul>
                </li>
                <!-- <li>
                    <a href="#"><span class=" glyphicon glyphicon-cog"></span>疫情管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="">密接患者管理</a></li>
                        <li><a href="">确诊患者管理</a></li>
                        <li><a href="">死亡人员管理</a></li>
                        <li><a href="">治愈患者管理</a></li>
                    </ul>
                </li> -->
                <li>
                    <a href="#"><span class="glyphicon glyphicon-stats"></span>信息管理<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/emergency.html">突发事件处理</a></li>
                        <li><a href="../pages/houserApplication.html">住户基本信息</a></li>
                    </ul>
                </li>
                <li class="show">
                    <a href="../pages/notice.html"><span class="glyphicon glyphicon-yen"></span>通知公告</a>
                </li>
                <li>
                    <a href="#"><span class="glyphicon glyphicon-registration-mark"></span>统计分析<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/Information register.html">信息登记统计表</a></li>
                        <li><a href="../pages/Close contact.html">密接人群分析表</a></li>
                        <li><a href="../pages/Abnormal warning.html">异常预警统计表</a></li>
                    </ul>
                </li>

                <li>
                    <a href="#"><span class="glyphicon glyphicon-asterisk"></span>设置<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li><a href="../pages/organizationMGT.html">组织管理</a></li>
                        <li><a href="../pages/accountMGT.html">账号管理</a></li>
                        <li><a href="../pages/roleMGT.html">角色管理</a></li>
                        <li><a href="../pages/xiTongRiZhi.html">系统日志</a></li>
                        <li><a href="../pages/shuJuZiDianGuanLi.html">数据字典管理</a></li>
                        <li><a href="../pages/xiTongSheZhi.html">系统设置</a></li>
                    </ul>
                </li>
                <!-- <li>
                    <a href="#"><span class="glyphicon glyphicon-tags"></span>住户申请<span
                            class="glyphicon glyphicon-chevron-right"></span></a>
                    <ul>
                        <li>成员管理</li>
                        <li>角色管理</li>
                        <li>操作日志</li>
                        <li>数据库管理</li>
                        <li>客服管理</li>
                    </ul>
                </li> -->
            </ul>
        </div>


        <div class="content">
            <div class="content-top">
                <span>设置/账号管理</span>
            </div>

            <div class="content-bottom">
                
                <!-- <header id="queryList"> -->
                    <div class="searchBox">
                        <form class="form-inline">
                            <div class="form-group">
                                <input type="text" class="form-control searchInp" placeholder="按姓名搜索">
                            </div>
                            
                            <button type="button" class="btn btn-primary searchBtn">搜索<button>

                            <button class="btn btn-default nullBtn">清空</button>
                        </form>
                    </div>
                <!-- </header> -->


                    <!-- <div id="queryInput">
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <input type="text" class="form-control searchInp" placeholder="按姓名搜索">
                            </div>
                        </form> -->


                        <!-- <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <span>联系方式：</span>
                                <input type="text" class="form-control" placeholder="请输入">
                            </div>
                        </form>
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <span>所属组织：</span>
                                <input type="text" class="form-control" placeholder="请输入">
                            </div>
                        </form> -->
                        <!-- <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <span>账号：</span>
                                <input type="text" class="form-control" placeholder="请输入">
                            </div>
                        </form>
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <span>所属角色：</span>
                                <input type="text" class="form-control" placeholder="请输入">
                            </div>
                        </form>
                        <form class="navbar-form navbar-left">
                            <div class="form-group">
                                <span>状态情况：</span>
                                <input type="text" class="form-control" placeholder="请输入">
                            </div>
                        </form> -->
                        
                    <!-- </div> -->

                    <!-- <div id="anniu">
                        <button type="button" class="btn btn-info searchBtn" id="cxBtn">查询</button>
                        <button type="button" class="btn btn-default" id="czBtn">重置</button>
                    </div> -->


                <!-- 表格信息 -->
                <section id="info">
                    <div id="info-content">
                        <button type="button" class="btn btn-info addBtn" data-toggle="modal" data-target="#addModal">
                           新增
                          </button>

                        <table class="table table-bordered table-hover" id="biaoge">
                            <thead>
                                <tr>
                                    <td class="active">序号</td>
                                    <td class="active">姓名</td>
                                    <td class="active">联系方式</td>
                                    <td class="active">所属组织</td>
                                    <td class="active">所属角色</td>
                                    <td class="active">账号</td>
                                    <td class="active">密码</td>
                                    <td class="active">创建人</td>
                                    <td class="active">操作</td>
                                    <td class="active">状态</td>
                                </tr>
                            </thead>

                            <tbody>
                                <!-- 这里面是渲染内容 -->
                            </tbody>

                        </table>
            
                    </div>
                </section>


                <!-- 分页 -->
                <div id="pageTurning">
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            <li>
                                <a href="#"  class="prev">
                                    <span>&laquo;</span>
                                </a>
                            </li>
                            <!-- 页码 -->
                            <!--  <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li> -->
                            <li>
                                <a href="#"  class="next">
                                    <span>&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </div>
        </div>


    </div>


    
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">编辑账号</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">编号</label>
                            <input disabled type="text" class="form-control editNumber">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control editName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">联系方式</label>
                            <input type="text" class="form-control editTel">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">所属组织</label>
                            <input type="text" class="form-control editOrganization">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">所属角色</label>
                            <input type="text" class="form-control editRole">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">账号</label>
                            <input disabled type="text" class="form-control editIdName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">密码</label>
                            <input type="text" class="form-control editPassword">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消<button>
                    <button type="button" class="btn btn-primary editSaveBtn">保存<button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="resetModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                
                <div class="modal-body">
                    您确定要将密码重置为【000000】吗？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消<button>
                    <button type="button" class="btn btn-primary resetBtn">确定<button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <!-- <button type="button" class="close" data-dismiss="modal"><span>&times;</span><button> -->
                    <h4 class="modal-title" id="myModalLabel">新增账号</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">序号</label>
                            <input type="text" class="form-control addNumber">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">姓名</label>
                            <input type="text" class="form-control addName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">联系方式</label>
                            <input type="text" class="form-control addTel">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">所属组织</label>
                            <input type="text" class="form-control addOrganization">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">所属角色</label>
                            <input type="text" class="form-control addRole">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">账号</label>
                            <input type="text" class="form-control addIdName">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">密码</label>
                            <input type="text" class="form-control addPassword">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">创建人</label>
                            <input type="text" class="form-control addOperator">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">状态</label>
                            <input type="text" class="form-control addState">
                        </div>
                        
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消<button>
                    <button type="button" class="btn btn-primary addSaveBtn">保存<button>
                </div>
            </div>
        </div>
      </div>
        <!-- <div class="homePage"> -->
    <script src="../JS/accountMGT.js"></script>
    

    
</body>
</html>